<template>
    <div class="case-category">
        <transition name="fade" appear>
            <div class="content">
                案件分类内容
            </div>
        </transition>
    </div>
</template>

<style lang="scss" scoped>
.case-category {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    
    .content {
        flex: 1;
        background: #fff;
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 2px 12px rgba(44, 92, 255, 0.8);
        margin: 16px;
    }
}

// 添加渐现动画
.fade-enter-active {
    transition: opacity 0.5s ease;
}

.fade-enter-from {
    opacity: 0;
}

.fade-enter-to {
    opacity: 1;
}
</style>

<script setup>
</script>